<!DOCTYPE html> 
<html> 
    <head > 
    <link rel="stylesheet" href="/static/jquery.mobile-1.0a2/jquery.mobile-1.0a2.min.css" />
    <script src="/static/jquery.min.js"></script>
    <script src="/static/jquery.mobile-1.0a2/jquery.mobile-1.0a2.min.js"></script>
  
</head> 
<body>

<div data-role="page" > 
   
    <div data-theme="c" data-role="navbar">
	<ul>
<li><a onClick="$('#sideNoti').load('/index1');" href='#'   >Courses you study</a></li>
				<li><a    href="#"  onclick="$('#sideNoti').load('/courses/subscribtion')" class="ui-btn-active ui-state-persist" >Subscribe</a></li>

	</ul>
</div>  
  <div data-role="content" data-theme="b">
<ul data-filter="true" data-filter-placeholder="Search courses..." data-filter-theme="d" data-role="listview"  data-theme="s" data-inset="true" >
  
<li><a onClick="$('#sideNoti').load('/courses/subscribtionl/a');" href='#' rel="external">a</a></li>
			<li><a onClick="$('#sideNoti').load('/courses/subscribtionl/b');" href='#'>b</a></li>
			<li><a onClick="$('#sideNoti').load('/courses/subscribtionl/c');" href='#' >c</a></li>
			<li><a onClick="$('#sideNoti').load('/courses/subscribtionl/d');" href='#' >d</a></li>
			<li><a onClick="$('#sideNoti').load('/courses/subscribtionl/e');" href='#'>e</a></li>
			<li><a onClick="$('#sideNoti').load('/courses/subscribtionl/f');" href='#'>f</a></li>
			<li><a onClick="$('#sideNoti').load('/courses/subscribtionl/g');" href='#'>g</a></li>
			<li><a onClick="$('#sideNoti').load('/courses/subscribtionl/h');" href='#'>h</a></li>
			<li><a onClick="$('#sideNoti').load('/courses/subscribtionl/i');" href='#'>i</a></li>
			<li><a onClick="$('#sideNoti').load('/courses/subscribtionl/j');" href='#'>j</a></li>
			<li><a onClick="$('#sideNoti').load('/courses/subscribtionl/k');" href='#'>k</a></li>
			<li><a onClick="$('#sideNoti').load('/courses/subscribtionl/l');" href='#'>l</a></li>
			<li><a onClick="$('#sideNoti').load('/courses/subscribtionl/m');" href='#'>m</a></li>
			<li><a onClick="$('#sideNoti').load('/courses/subscribtionl/n');" href='#'>n</a></li>
			<li><a onClick="$('#sideNoti').load('/courses/subscribtionl/o');" href='#'>o</a></li>
			<li><a onClick="$('#sideNoti').load('/courses/subscribtionl/p');" href='#'>p</a></li>
			<li><a onClick="$('#sideNoti').load('/courses/subscribtionl/q');" href='#'>q</a></li>
			<li><a onClick="$('#sideNoti').load('/courses/subscribtionl/r');" href='#'>r</a></li>
			<li><a onClick="$('#sideNoti').load('/courses/subscribtionl/s');" href='#'>s</a></li>
			<li><a onClick="$('#sideNoti').load('/courses/subscribtionl/t');" href='#'>t</a></li>
			<li><a onClick="$('#sideNoti').load('/courses/subscribtionl/u');" href='#'>u</a></li>
			<li><a onClick="$('#sideNoti').load('/courses/subscribtionl/v');" href='#'>v</a></li>
			<li><a onClick="$('#sideNoti').load('/courses/subscribtionl/w');" href='#'>w</a></li>
			<li><a onClick="$('#sideNoti').load('/courses/subscribtionl/x');" href='#'>x</a></li>
			<li><a onClick="$('#sideNoti').load('/courses/subscribtionl/y');" href='#'>y</a></li>
			<li><a onClick="$('#sideNoti').load('/courses/subscribtionl/z');" href='#'>z</a></li>
            <li><a onClick="$('#sideNoti').load('/courses/subscribtionl/sym');" href='#'>#</a></li>
            
             </ul>
    </div> 
    
</div>
</body>
</html>

